<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/swiper-4.2.2.min.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/credit_card.css" />
<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/swiper-4.2.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<title>信用卡申请</title>
</head>
<body>
<!--轮播图-->
<div class="bannerbox">
  <div class="swiper-container" id="banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="images/banner.jpg"></div>
      <div class="swiper-slide"><img src="images/banner.jpg"></div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</div>
<div class="title">今日推荐</div>
<div class="today">
  <div class="swiper-container" id="today">
    <div class="swiper-wrapper">
      <div class="swiper-slide list">
        <a class="item" onclick="clickTips()">
          <div class="imgbox"><img src="images/xyk.png" /></div>
          <div class="name">中银神偷奶爸卡</div>
          <div class="jj">免费大学生可申请</div>
        </a>
        <a class="item" onclick="clickTips()">
          <div class="imgbox"><img src="images/xyk1.png" /></div>
          <div class="name">光大腾讯新闻卡</div>
					<div class="jj">十元享美食看大片</div>
        </a>
        <a class="item" onclick="clickTips()">
          <div class="imgbox"><img src="images/xyk2.png" /></div>
          <div class="name">光发DIY卡</div>
					<div class="jj">3倍积分</div>
        </a>
      </div>
      <div class="swiper-slide list">
        <a class="item" onclick="clickTips()">
          <div class="imgbox"><img src="images/xyk3.png" /></div>
          <div class="name">平安不带卡</div>
					<div class="jj">快速审批终身免年费</div>
        </a>
        <a class="item" onclick="clickTips()">
          <div class="imgbox"><img src="images/xyk4.png" /></div>
          <div class="name">交行优逸白金卡</div>
					<div class="jj">免年费新户送好礼</div>
        </a>
        <a class="item" onclick="clickTips()">
          <div class="imgbox"><img src="images/xyk5.png" /></div>
          <div class="name">兴业萌萌蓝卡</div>
					<div class="jj">6积分兑换星巴克</div>
        </a>
      </div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
</div>
<div class="title">推荐银行</div>
<div class="list">
  <a class="item" onclick="clickTips()">
    <div class="imgbox"><img src="images/logo.png" /></div>
    <div class="name">浦发银行
      <div class="tag"><span>自动结算</span><span>秒批</span></div>
    </div>
  </a>
  <a class="item" onclick="clickTips()">
    <div class="imgbox"><img src="images/logo.png" /></div>
    <div class="name">浦发银行
      <div class="tag"><span>自动结算</span><span>秒批</span></div>
    </div>
  </a>
  <a class="item" onclick="clickTips()">
    <div class="imgbox"><img src="images/logo.png" /></div>
    <div class="name">浦发银行
      <div class="tag"><span>自动结算</span><span>秒批</span></div>
    </div>
  </a>
  <a class="item" onclick="clickTips()">
    <div class="imgbox"><img src="images/logo.png" /></div>
    <div class="name">浦发银行
      <div class="tag"><span>自动结算</span><span>秒批</span></div>
    </div>
  </a>
</div>
<div class="company_info">
  <p class="img"><img src="images/b.png" /></p>
  <p class="txt">客服热线：4000786871&nbsp;&nbsp;商务合作： bd@zonbank.cn </p>
  <p class="txt">@2017 一 2018 Zonbank . All rights reserved.</p>
  <p class="ewm"><img src="images/ewm.png" /></p>
  <p class="txt">长按识别二维码关注微信公众号：融合金服平台</p>
</div>
<div class="tmenu">
  <a href="./" class="item1"><img src="images/goHome.png"></a>
  <a href="#" class="item1" onclick="javascript:history.back(-1);"><img src="images/back.png"></a>
</div>
</body>
</html>
<script type="text/javascript">
var banner = new Swiper('#banner', {
  autoplay: true,
  pagination: {
    el: '.swiper-pagination',
  },
  observer: true,
  observeParents: true
});
var today = new Swiper('#today', {
  autoplay: true,
  pagination: {
    el: '.swiper-pagination',
  },
  observer: true,
  observeParents: true
});

function clickTips() {
  myConfirm('即将申请交通信用卡', '取消', '确定', '1', function(res) {
    if(res.status) {
      //用户点击确定
    } else {
      //用户点击取消
    }
  });
}
</script>